<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:mj="http://mojarra.dev.java.net/mojarra_ext"
	xmlns:p="http://primefaces.org/ui">
<!--       xmlns:b="http://richfaces.org/sandbox/bootstrap" -->

<h:head>
	<title>Baas TSI2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Proyecto de baas 2013" />
	<meta name="author" content="TSI214" />

	<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>


	<!-- Bootstrap -->
	<link href="resources/css/bootstrap-responsive.css" rel="stylesheet" />
	<link href="resources/css/bootstrap.css" rel="stylesheet"
		media="screen" />
	<link href="resources/css/newStyles.css" rel="stylesheet" />
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="resources/js/bootstrap.js"></script>
	<script src="resources/js/limpiar.js"></script>
</h:head>


<body>
	<ui:include src="/BannerTopWL.xhtml"></ui:include>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span4">
				<h1>Introducción</h1>
				<p>El objetivo de un BAAS es brindar a los desarrolladores un
					Backend común para todas sus aplicaciones, que le permita
					incorporar funcionalidades básicas realizando un mínimo esfuerzo.
					Permiten desligar a los implementadores de la tarea de programar la
					misma funcionalidad en diversas plataformas, permitiéndoles dedicar
					más tiempo al desarrollo de su aplicación y a enriquecer la
					experiencia del usuario. Los servicios se ofrecen a través de un
					API REST, además de proporcionar un kit de desarrollo o SDK que
					facilita la utilización de los servicios para las distintas
					plataformas. Otra de las grandes ventajas de este sistema es poder
					contar con el Backend “in the cloud”, esto repercute de forma
					directa con el monto de la inversión inicial para lanzar una
					aplicación, ya que no se deben comprar servidores, grandes
					conexiones a internet, a la vez que se evita los gastos de tiempo y
					dinero que lleva el mantenimiento de los mismos. Gracias a los
					datos estadísticos que brinda el sistema los desarrolladores podrán
					planificar el crecimiento de los requerimientos y pagar de acorde a
					estos, por lo que el tiempo de respuesta ante un aumento de la
					demanda disminuye con respecto a los Backend tradicionales. En
					resumen, el desarrolladores requiere de una inversión inicial
					menor, ahorra horas de implementación y de transportar su Backend a
					diversas plataformas, y aumenta la capacidad de respuesta ante un
					aumenta de los requerimientos, lo que en su conjunto mejoran el
					tiempo de puesta en producción y la capacidad de crecimiento.</p>
			</div>
			<div class="span4 offset2">
				
				<h:form class="form-horizontal.span4">
					<div class="hero-unit">
						<fieldset>
							<legend>Alta Usuario</legend>
							<div class="alert-danger">
								<h:messages showSummary="true" showDetail="true"/>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputEmail">Nick </label>
								<div class="controls">
									<h:inputText id="nickU" type="text" value="#{userBean.nick}"
										placeholder="Ingrese un nick" autocomplete="off"
										required="true" requiredMessage="debe ingresar un nick"
										>
<!-- 										<f:validator validatorId="userBeanVal"/> -->
									</h:inputText>
									<h:message id="nickUMsg" for="nickU" style="color: red"/>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputEmail">Password </label>
								<div class="controls">
									<h:inputSecret id="passU" value="#{userBean.pass}"
										placeholder="Password" 
										required="true" requiredMessage="debe ingresar un pass"
										/>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputEmail">Nombre </label>
								<div class="controls">
									<h:inputText id="nombreU" type="text" value="#{userBean.nombre}"
										placeholder="Ingrese su nombre" autocomplete="off"
										required="true" requiredMessage="debe ingresar su nombre"
										/>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputEmail">Apellido </label>
								<div class="controls">
									<h:inputText id="apellidoU" type="text" value="#{userBean.apellido}"
										placeholder="Ingrese su apellido" autocomplete="off"
										required="true" requiredMessage="debe ingresar su apellido"
										/>
								</div>
							</div>
							<div class="control-group">
								<div class="controls">
									<h:commandButton value="Aceptar" class="btn"
										action="#{userBean.go()}">
<!-- 										<f:ajax execute="nickU passU nombreU apellidoU"/> -->
									</h:commandButton>
								</div>
							</div>

						</fieldset>
					</div>
				</h:form>
				
			</div>
		</div>
	</div>
</body>
</html>
